<template>
    <div style="margin-bottom: 70px; padding-left: 15px; padding-top: 100px;">
        <van-button type="primary" to="seatlist">SeatList</van-button>
        <br><br>
        <van-button type="info" to="login">login</van-button> <br><br>
        <van-button type="default" to="floor">floor</van-button> <br><br>
        <van-button type="warning">警告按钮</van-button> <br><br>
        <van-button type="danger">危险按钮</van-button> <br><br>
        <br><br> <br><br>

        <van-button plain type="primary">朴素按钮</van-button> <br><br>
        <van-button plain type="info">朴素按钮</van-button> <br><br>
        <br><br>

        <van-button plain hairline type="primary">细边框按钮</van-button> <br><br>
        <van-button plain hairline type="info">细边框按钮</van-button> <br><br>

        <van-button color="#7232dd">单色按钮</van-button> <br><br>
        <van-button color="#7232dd" plain>单色按钮</van-button> <br><br>
        <van-button color="linear-gradient(to right, #ff6034, #ee0a24)" @click="sub()">
            渐变色按钮
        </van-button> <br><br>
    </div>
</template>

<script>
    export default {
        name: 'SeatList',
        data() {
            return {
            }
        },
        methods: {

        },
        mounted() {

        },
        created() {
            console.log('ButtonList.vue读取token：', this.$store.get('state.token'))
        }
    }
</script>

<style>
</style>
